<svg viewBox='0 0 1024 500' class='chart bar horizontal'>
  <style type='text/css'>
  <![CDATA[
  .chart text {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font: 10pt sans-serif;
  }

  .axis .stroke {
    stroke: rgb(0,0,0);
    stroke-width: 1px;
  }

  .axis .tick {
    stroke: rgb(0,0,0);
    stroke-width: 1px;
  }

  .axis .label, .axis .title {
    fill: #000;
  }

  .axis .label {
    font-size: 9pt;
  }

  .axis .title {
    font-size: 11pt;
  }

  .chart .line {
    fill: none;
    stroke: #000;
  }

  .chart .area {
    opacity: 0.8;
  }

  .chart .bar,
  .chart .point,
  .chart .area {
    fill: #000;
  }

  .chart .bar.color6,
  .chart .point.color6,
  .chart .area.color6 {
    fill: #db843d;
  }

  .chart .lines .line.color6 {
    strok: #db843d;
  }

  .chart .bar.color5,
  .chart .point.color5,
  .chart .area.color5 {
    fill: #3d96ae;
  }

  .chart .lines .line.color5 {
    stroke: #3d96ae;
  }

  .chart .bar.color4,
  .chart .point.color4,
  .chart .area.color4 {
    fill: #80699b;
  }

  .chart .line.color4 {
    stroke: #80699b;
  }

  .chart .bar.color3,
  .chart .point.color3,
  .chart .area.color3 {
    fill: #89a54e;
  }

  .chart .line.color3 {
    stroke: #89a54e;
  }

  .chart .bar.color2,
  .chart .point.color2,
  .chart .area.color2 {
    fill: #aa4643;
  }

  .chart .line.color2 {
    stroke: #aa4643;
  }

  .chart .bar.color1,
  .chart .point.color1,
  .chart .area.color1 {
    fill: #4572a7;
  }

  .chart .line.color1 {
    stroke: #4572a7;
  }

  .chart.bar.vertical .axis.left .stroke,
  .chart.bar.vertical .axis.left .tick,
  .chart.bar.vertical .axis.right .stroke,
  .chart.bar.vertical .axis.right .tick {
    display: none;
  }
  ]]>
  </style>
  <g class='axis bottom'>
    <text x='55.000000' y='470.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >0</text>
    <text x='243.800000' y='470.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >6.6</text>
    <text x='432.600000' y='470.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >13</text>
    <text x='621.400000' y='470.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >20</text>
    <text x='810.200000' y='470.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >26</text>
    <text x='999.000000' y='470.000000' style='text-anchor:middle; dominant-baseline:text-before-edge;' class='label' >33</text>
    <line x1='55.000000' y1='460.000000' x2='55.000000' y2='455.000000' class='tick' />
    <line x1='243.800000' y1='460.000000' x2='243.800000' y2='455.000000' class='tick' />
    <line x1='432.600000' y1='460.000000' x2='432.600000' y2='455.000000' class='tick' />
    <line x1='621.400000' y1='460.000000' x2='621.400000' y2='455.000000' class='tick' />
    <line x1='810.200000' y1='460.000000' x2='810.200000' y2='455.000000' class='tick' />
    <line x1='999.000000' y1='460.000000' x2='999.000000' y2='455.000000' class='tick' />
    <line x1='55.000000' y1='460.000000' x2='999.000000' y2='460.000000' class='stroke' />
  </g>
  <g class='axis left'>
    <text x='45.000000' y='396.318750' style='text-anchor:end; dominant-baseline:middle;' class='label' >0</text>
    <text x='45.000000' y='291.106250' style='text-anchor:end; dominant-baseline:middle;' class='label' >1.0</text>
    <text x='45.000000' y='185.893750' style='text-anchor:end; dominant-baseline:middle;' class='label' >2.0</text>
    <text x='45.000000' y='80.681250' style='text-anchor:end; dominant-baseline:middle;' class='label' >3.0</text>
    <line x1='55.000000' y1='460.000000' x2='60.000000' y2='460.000000' class='tick' />
    <line x1='55.000000' y1='343.712500' x2='60.000000' y2='343.712500' class='tick' />
    <line x1='55.000000' y1='238.500000' x2='60.000000' y2='238.500000' class='tick' />
    <line x1='55.000000' y1='133.287500' x2='60.000000' y2='133.287500' class='tick' />
    <line x1='55.000000' y1='17.000000' x2='60.000000' y2='17.000000' class='tick' />
    <line x1='55.000000' y1='17.000000' x2='55.000000' y2='460.000000' class='stroke' />
  </g>
  <g class='bars horizontal'>
    <rect x='55.000000' y='39.000000' width='858.181818' height='24.750000' class='bar color1'></rect>
    <rect x='55.000000' y='69.250000' width='772.363636' height='24.750000' class='bar color2'></rect>
    <rect x='55.000000' y='143.500000' width='600.727273' height='24.750000' class='bar color1'></rect>
    <rect x='55.000000' y='173.750000' width='514.909091' height='24.750000' class='bar color2'></rect>
    <rect x='55.000000' y='204.000000' width='686.545455' height='24.750000' class='bar color3'></rect>
    <rect x='55.000000' y='248.000000' width='343.272727' height='24.750000' class='bar color1'></rect>
    <rect x='55.000000' y='278.250000' width='257.454545' height='24.750000' class='bar color2'></rect>
    <rect x='55.000000' y='308.500000' width='429.090909' height='24.750000' class='bar color3'></rect>
    <rect x='55.000000' y='352.500000' width='85.818182' height='24.750000' class='bar color1'></rect>
    <rect x='55.000000' y='382.750000' width='0.000000' height='24.750000' class='bar color2'></rect>
    <rect x='55.000000' y='413.000000' width='171.636364' height='24.750000' class='bar color3'></rect>
  </g>
</svg>
